<?php
/* 
 * marker-edit.php
 */
?>

<div class="marker-edit" id="marker-<?php echo $_POST['index']; ?>">
    <table class="table table-condensed table-striped">
        <tr>
            <td>Titre</td>
            <td><input type="text" id='title' value="<?php echo $_POST['title']; ?>" onkeyup="return editMarkerTitle(this.value, <?php echo $_POST['index']; ?>);"></td>
        </tr>
        <tr>
            <td>Icone</td>
            <td>
                <a href="#" onclick="return editMarkerIcon('img/marker-default.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-default.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-blue.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-blue.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-green.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-green.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-grey.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-grey.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-purple.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-purple.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-yellow.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-yellow.svg" height="24" width="16">
                </a>
                <br>
                <a href="#" onclick="return editMarkerIcon('img/marker-alpha-a.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-alpha-a.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-alpha-b.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-alpha-b.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-alpha-c.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-alpha-c.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-alpha-d.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-alpha-d.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-alpha-e.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-alpha-e.svg" height="24" width="16">
                </a>
                <br>
                <a href="#" onclick="return editMarkerIcon('img/marker-num-1.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-num-1.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-num-2.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-num-2.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-num-3.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-num-3.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-num-4.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-num-4.svg" height="24" width="16">
                </a>&nbsp;
                <a href="#" onclick="return editMarkerIcon('img/marker-num-5.svg', <?php echo $_POST['index']; ?>);">
                    <img src="img/marker-num-5.svg" height="24" width="16">
                </a>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <span>&nbsp;</span>
                <button class="btn btn-danger btn-xs" style="float: right; margin-right: 10px;" onclick="return removeMarker(<?php echo $_POST['index']; ?>);">Effacer</button>
            </td>
        </tr>
    </table>
</div>
